<template>
	<view>
		<view class="business">
			<view class="business-line"></view>
			<view class="business-title">
				<text> 热门活动 </text>
			</view>
			<view class="news-list-more" @click="goNewsList">
				<text>更多</text>
				<u-icon name="arrow-right" :customStyle="{ color: 'rgb(190,190,190) !important' }" :bold="true">
				</u-icon>
			</view>
		</view>
		<view class="news-list">
			<view class="new-item" v-for="(item, index) in newsList" :key="index"
				@click="goNewsDetail(item.id)">
				<view class="new-item-left">
					<view class="new-item-title">
						<!-- <u-tag
	            text="头条"
	            plain
	            size="mini"
	            type="warning"
	            v-if="index == 0"
	          ></u-tag>
	          <u--text
	            :text="item.name"
	            lines="2"
	            color="rgb(51,51,51)"
	            size="30rpx"
	            :bold="true"
	          ></u--text> -->
						<view class="">
							<!-- <text
								style="width: 40rpx;height: 15rpx;background-color:  rgb(249,52,66); padding: 0rpx 14rpx ;color: rgb(255, 255, 255);font-size: 24rpx;"
								v-if="index == 0">头条</text> -->
							<text style="color: rgb(51,51,51);padding: 10rpx 4rpx 10rpx;font-size: 30rpx;text-decoration: none;
	font-weight: bold;
	word-wrap: normal;">{{item.title}}</text>
	
						</view>
					</view>
					<view>
						<u--text :text="item.intro" lines="2" color="rgb(190,190,190)" size="25rpx"></u--text>
					</view>
					<view class="new-item-time">
						<view class="building">
							<u--text :prefixIcon="building" :text="item.site_name" align="left" size="20rpx"
								:iconStyle="{ width: 20 + 'rpx', height: 20 + 'rpx' }" color="#999999"
								lines="1">
							</u--text>
						</view>
						<text class="new-item-time-line">|</text>
						<u--text :text="item.set_day" size="20rpx" color="#999999" align="left"></u--text>
					</view>
				</view>
				<view class="new-item-right">
					<u--image :src="item.smallimage" width="220rpx" height="138rpx" :showMenuByLongpress="false">
					</u--image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {


			}
		},
		props: {
			newsList: {
				type: Array,
				default: () => ({})
			},
			
		},
		methods: {
			goNewsDetail(id) {
				uni.navigateTo({
					url: "/pages_points/newsDetailPages/newsDetailPages?id=" + id,
				});
			},
			goNewsList() {
				uni.navigateTo({
					url: "/pages_points/newsListPages/newsListPages",
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import url("@/static/css/index/index.css");
</style>